Isotope A (my sister) is an architecture graduate who creates art in the form of urban sketches, ink and watercolour. Her art is monochrome and is mainly focused on line art of skylines and buildings.

Her signature logo is inspired by the church windows designed by Le Corbusier and was designed and hand-drawn by herself. For this project, I wanted to expand on her existing design, first by vectorising the logo and then by using it to create a banner for her website. This is what I came up with:

I opted for two banner designs. The top design features black text for use in the navigation bar, and the design on the bottom for use in the footer.

For the website itself, I used light strokes and a sharp rectangular design to compliment her architectural line art style. I also used shadow effects on hover for her portfolio pages, their respective galleries and several buttons throughout the site.

Check out Isotope A on Twitter, Instagram and, of course, her portfolio website.

Google Lighthouse results:

Performance - 94/100

Accessibility - 95/100

Best practices - 92/100

SEO - 100/100